@import "@/styles/base/index.scss";

.sell-category {
  padding-top: 50px;

  &-hd {
    margin: 76px auto 50px;



    .btns {
      width: 115px;
    }
  }

  &-bd {
    padding-bottom: 96px;

    .category-list {
      width: 87%;
      margin: 0 auto;
      flex-wrap: wrap;

      .category-item {
        flex: 1 1 33.33%;
        text-align: center;
        margin-top: 20px;

        .title {
          font-size: 16px;
          padding: 8px;
        }
      }
    }
  }
}


@media (max-width: 1023px) {
  .sell-category {
    &-bd {
      .category-list {

        .category-item {
          flex: 1 1 50%;
        }
      }
    }
  }
}


@media (max-width: 639px) {
  .sell-category {
    &-hd {
      flex-direction: column;

      .line {
        display: none;
      }
    }
  }
}


@media (max-width: 480px) {
  .sell-category {
    .category-list {
      .category-item {
        flex: 1 1 100%;
      }
    }
  }
}